$(function(){
    //当用户点击登陆按钮的时候，获取用户输入的账号和密码，通过ajax发送给后台接口
    //得到接口返回的登陆情况做相应的处理
    $("#loginBtn").on("click",function(){
        //1.获取用户输入的账号和密码
        var username = $("input[name='username']").val();
        var password = $("input[name='password']").val();
        //2.验证用户输入的内容
        if(username.trim() == ""){
            mui.toast("请输入用户名");
            return;
        }
        //3.发送ajax进行登陆操作
        $.ajax({
            url:"/user/login",
            type:"post",
            data:{username:username,password:password},
            beforeSend:function(){
                //在发送ajax请求之前，更改按钮中的文字
                $("#loginBtn").val("正在登陆.....");
            },
            success:function(result){
                if(result.success == true){
                    //登陆成功
                    mui.toast("登陆成功");
                    location.href="user.html";
                }else{
                    //登陆失败
                    mui.toast("登陆失败,"+result.message);
                    //当用户登陆完毕之后，按钮恢复原样
                    $("#loginBtn").val("登陆");
                }
                
            }
        })
    })

})